<link rel="import" href="../../bower_components/polymer/polymer.html">
<link rel="import" href="../../bower_components/paper-styles/typography.html">
<link rel="import" href="../../bower_components/neon-animation/animations/scale-up-animation.html">
<link rel="import" href="../../bower_components/neon-animation/animations/fade-out-animation.html">
<dom-module id="member-add-element">
    <template>
        <style include="shared-styles dialogs">
        :host {
        }
        </style>
        <paper-dialog entry-animation="scale-up-animation" exit-animation="fade-out-animation" with-backdrop>
            <h2>Add Member</h2>
            <paper-icon-button icon="clear" class="close" dialog-dismiss></paper-icon-button>
            <paper-dialog-scrollable>
                <p class="text-center">
                    Add a new member here!
                </p>
            </paper-dialog-scrollable>
        </paper-dialog>
    </template>
    <script>
    (function() {
        'use strict';

        Polymer({
            is: 'member-add-element',

            properties: {
                member: {
                    type: Object,
                    value: {}
                }
            },
            ready: function() {

            },
            _openAddMemberModal: function(e) {
                this.shadowRoot.querySelector('paper-dialog').open();
            }
        });
    })();
    </script>
</dom-module>